﻿<UserControl
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	xmlns:d="http://schemas.microsoft.com/expression/blend/2006" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d"
	x:Class="GrandPiano.Knob"
	x:Name="UserControl"
	Width="35" Height="35" Loaded="OnLoaded">

  <Grid x:Name="knob" PreviewMouseLeftButtonDown="OnStartMoveKnob" PreviewMouseLeftButtonUp="OnStopMoveKnob" Width="35" Height="35">
    <Ellipse Opacity="0" d:LayoutOverrides="Margin" Fill="#FFFFFFFF" Stroke="{x:Null}" HorizontalAlignment="Left" VerticalAlignment="Top" Width="35" Height="35"/>
    <Image RenderTransformOrigin="0.5,0.5" Visibility="Visible" Margin="0,0,0,0" x:Name="topVolume" Stretch="Fill" Source="Assets\knobtop.png" HorizontalAlignment="Left" VerticalAlignment="Top" Width="35" Height="35">
      <Image.RenderTransform>
        <TransformGroup>
          <ScaleTransform ScaleX="1" ScaleY="1"/>
          <SkewTransform AngleX="0" AngleY="0"/>
          <RotateTransform x:Name="rotateKnob" Angle="180"/>
          <TranslateTransform X="0" Y="0"/>
        </TransformGroup>
      </Image.RenderTransform>
    </Image>
  </Grid>
</UserControl>